<template>
    <div>
        <div id="main" style="width: 500px;height: 300px;"></div>
    </div>
</template>

<script>
import * as echarts from 'echarts';




export default {


    mounted() {

        var chartDom = document.getElementById('main');
        var myChart = echarts.init(chartDom);
        var option;

        option = option = {
            xAxis: {
                type: 'category',
                data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
            },
            yAxis: {
                type: 'value'
            },
            series: [
                {
                    data: [120, 200, 150, 80, 70, 110, 130],
                    type: 'bar'
                }
            ]
        };

        option && myChart.setOption(option);
    },
}
</script>

<style lang="scss" scoped>
</style>